<script setup>
import Toast from '../../components/toast.vue';
import { useStore } from 'vuex'
const store = useStore()
const routes = ['pool', 'trenchCeremony']
</script>

<template>
    <div class="welfare">
        <ul class="welfareTab">
            <router-link v-for="(item, index) in routes" :key="index" :to="'/' + item" custom
                v-slot="{ navigate, isActive }">
                <li @click="navigate" :class="{ active: isActive }" />
            </router-link>
        </ul>
        <div>
            <RouterView />
        </div>
        <Toast toastStyle="welfareToast" v-if="store.state.showType == 'welfare'">
            <p class="close" @click="store.commit('changeIsShow')" />
            <div class="ruleBox">
                <div>
                    <p>活动时间</p>
                    <p>3月21日00:00--3月31日24:00</p>
                </div>
                <div>
                    <p>联赛奖池</p>
                    <p>每个直播间将拥有独立的奖池，神壕每送出1个联赛票礼物，将有10豆进入奖池，同时累计奖池进度，当进度达到100%时，奖池开奖，贡献最后进度的神壕将获得全部奖池豆数奖励，奖励将由系统自动发放到余额中</p>
                </div>
                <div>
                    <p>联赛壕礼</p>
                    <p>活动期间，神壕需完成1次单笔充值≥10元，即可获得春季联赛限定勋章，拥有此勋章的神壕，在赠送活动礼物“联赛票”时，可参与爆奖玩法，有机会获得“齐齐嘉年华”礼物（售价299,000豆），奖励将由系统自动发放到库存中，主播均不参与以上两种玩法
                    </p>
                </div>
            </div>
            <p class="tips">本活动最终解释权归齐齐直播所有</p>
        </Toast>
    </div>
</template>

<style lang='scss' scoped></style>